:deep(.el-upload.el-upload--picture-card) {
  width: 40px;
  height: 40px;
}

.form_content {
  .form_item {
    margin-bottom: 12px;
    transition: all 0.4s;
  }

  .validate_fail {
    margin-bottom: 22px;
    transition: all 0.4s;
  }
}

.main {
  // display: flex;

  //     :deep(.el-card.is-always-shadow) {
  //         box-shadow: none;
  //     }

  //     .box-card {
  //         position: relative;
  //         box-sizing: border-box;
  //         padding-bottom: 10px;
  //         border-radius: 0;
  //         border: 0;
  //         border-right: 1px solid #e5e5e5;

  //         :deep(.el-card__body) {
  //             padding: 0;
  //         }

  //         .header {
  //             padding: 10px 12px;
  //             border-bottom: 1px solid #e5e5e5;
  //             display: flex;
  //             justify-content: space-between;
  //             align-items: center;

  //             h4 {
  //                 font-size: 14px;
  //             }

  //             span {
  //                 color: #007cff;
  //                 cursor: pointer;
  //                 margin-left: 10px;
  //             }
  //         }

  //         .search-type {
  //             margin: 10px 0;
  //             padding-right: 12px;

  //             .btn {
  //                 display: flex;
  //                 align-items: center;
  //             }

  //             .mr5 {
  //                 margin-right: 5px;
  //             }

  //             .type-input {
  //                 width: 198px;
  //             }
  //         }
  //   :deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content) {
  //             color: #007cff !important;
  //             background-color: #007bff23 !important;
  //         }
  //         :deep(.el-tree) {
  //             --el-tree-node-hover-bg-color: #007bff18;

  //             .el-tree-node__content {
  //                 padding: 2px 0;
  //                 padding-left: 13px !important;

  //                 .custom-tree-node {
  //                     display: flex;
  //                     justify-content: space-between;
  //                     align-items: center;
  //                     width: 220px;

  //                     .show_o {
  //                         opacity: 0;
  //                         padding-left: 10px;
  //                     }

  //                     &:hover {
  //                         .show_o {
  //                             opacity: 1;
  //                         }
  //                     }
  //                 }
  //             }

  //             .el-tree-node__label {
  //                 font-size: 12px;

  //             }
  //         }

  //         .tree {
  //             margin-bottom: 10px;
  //         }

  //         .page_pages {
  //             width: 100%;
  //             overflow-x: auto;
  //             padding: 0 6px;
  //             display: flex;
  //             justify-content: center;
  //             align-items: center;
  //             position: absolute;
  //             bottom: 10px;
  //         }
  //     }

  // .el-main {
  //     --el-main-padding: 0px;
  // }

  // .list {
  //     box-sizing: border-box;
  //     margin: 10px 10px 0 10px;

  //     .table_h {
  //         height: 560px;
  //         margin-bottom: 20px;

  //         .color_text {
  //             display: inline-block;
  //             color: #007cff;
  //             cursor: pointer;

  //             &:hover {
  //                 text-decoration: underline;
  //             }
  //         }
  //     }

  //     .btns {
  //         display: flex;
  //         align-items: center;
  //         justify-content: space-between;
  //         flex-wrap: wrap;
  //         width: 100%;

  //         .btns-right {
  //             display: flex;
  //             align-items: center;
  //             flex-wrap: wrap;
  //             margin-bottom: 10px;

  //             :deep(.el-select .el-input__inner) {
  //                 cursor: text;
  //             }

  //             .ml5 {
  //                 width: calc((100vw / 100) * 9);
  //                 min-width: 100px;
  //                 margin-right: 5px;
  //             }

  //             .mr5 {
  //                 margin-right: 5px;
  //             }

  //             .btn {
  //                 display: flex;
  //                 align-items: center;
  //             }

  //             &:last-child {
  //                 margin-right: 0;
  //             }
  //         }

  //         .btns-left {
  //             display: flex;
  //             align-items: center;
  //             margin-bottom: 10px;

  //             .iconfont {
  //                 margin-right: 5px;
  //             }

  //             .btn {
  //                 display: flex;
  //                 align-items: center;
  //             }
  //         }
  //     }

  //     .mr5 {
  //         margin-right: 5px;
  //     }
  // }

  .footer {
    // padding: 10px 0;
    margin-top: 10px;
    // border-top: 1px solid #e5e5e5;

    // span {
    //     color: #b6b2b5;
    // }
  }
}

// .my-header {
//     h3 {
//         color: #000;
//         font-size: 14px;
//     }
// }

.dialog-footer {
  .btn_dialog {
    color: #fff;
    width: 3.2vw;
  }

  .btn_dialog_Cancel {
    width: 3.2vw;
  }
}

.delete_title {
  display: flex;
  align-items: center;

  h4 {
    font-size: 14px;
    margin-left: 10px;
  }
}

:deep(.el-form-item) {
  margin-bottom: 12px;
}

:deep(.el-upload-list--picture-card .el-upload-list__item) {
  width: 80px;
  height: 80px;
  margin: 0 0 8px 8px;
  display: block;
}

:deep(.el-upload-list--picture-card) {
  display: flex;
  justify-content: left;
}

:deep(.el-upload-list--picture-card .el-upload) {
  width: 80px;
  height: 80px;
}

.type-dialog {
  .form-item {
    margin-bottom: 18px;
  }

  .dialog-footer {
    margin: 10px 0;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
  }
}
:deep(.color_n) {
  color: #999;
}
.fault-dialog {
  .form-item {
    margin-bottom: 18px;

    .delect-type {
      width: 100%;
    }
  }

  .dialog-footer {
    margin: 10px 0;
    margin-top: 20px;

    .btn_dialog-delete {
      color: #fff;
      width: 60px;
    }
  }

  .flex-end {
    display: flex;
    justify-content: flex-end;
  }
}

.img_view {
  width: 100%;
}

.el-tag.el-tag--success {
  --el-tag-text-color: #00c0c0;
  --el-tag-bg-color: #ebf6f6;
  --el-tag-border-color: #ebf6f6;
  --el-tag-hover-color: #00c0c0;
}

.el-tag.el-tag--info {
  --el-tag-border-color: var(--el-color-info-light-9);
}

.el-tag {
  --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--warning {
  --el-tag-border-color: var(--el-color-warning-light-9);
}

.header {
  margin: 12px 0;
  display: flex;
  justify-content: space-between;

  .btn_group {
    display: flex;
    gap: 5px;
  }

  .search {
    display: flex;
    gap: 5px;
  }
}
